<template>
    <div class="son2">
        子组件:{{ money }} - {{ hello }}
        <div>
            {{ nums }}
        </div>
        <div>
            {{ info }}
        </div>
    </div>
</template>

<script setup>
defineProps({
    money: Number,
    hello: {
        type: String,
        // required: true
        default: 'world'
    },
    nums: {
        type: Array,
        default(rawProps) {
            // console.log('rawProps', rawProps)
            return [100, 200, 300]
        }
    },
    info: {
        validator(value, props) {
            // return true; // 校验通过
            return ['success', 'fail', 'danger'].includes(value)
        }
    }
})
</script>

<style>
.son2 {
    border: 2px solid rgb(71, 10, 64);
    padding: 10px;
    width: 230px;
    height: 200px;
    margin: 10px 0;
}
</style>